<h2>人员登记系统</h2>
<div class="people_list">
    <ul>
        <li>姓名<input type="text" [(ngModel)]="peopleInfo.username"></li>
        <li>性别<input type="radio" value="1" name="sex" [(ngModel)]="peopleInfo.sex">男</li>
        <li>性别<input type="radio" value="2" name="sex" [(ngModel)]="peopleInfo.sex">女</li>
        <li>
            城市
            <select name="city" id="" [(ngModel)]="peopleInfo.city">
                <option [value]="item" *ngFor="let item of peopleInfo.cityList">{{item}}</option>
            </select>
        </li>
        <li>
            爱好
            <span *ngFor="let item of peopleInfo.hobby;let i in index">
            <input type="checkbox" [id]="'check'+i" [(ngModel)]="item.checked">
            <label [for]="'check'+i">{{item.title}}</label>
            </span>
        </li>
    </ul>
    <button (click)="doSubmit()">获取表单内容</button>
</div>